/*
Blogger Template Style
Name     : Kode Blogger
Designer : Viyan Pradaita
URL      : http://kode-blogger.blogspot.com
*/

/* Animation */
@-webkit-keyframes myfirst {0%{opacity:0}100%{opacity:1}}
@-moz-keyframes myfirst {0%{opacity:0}100%{opacity:1}}
@-ms-keyframes myfirst {0%{opacity:0}100%{opacity:1}}
@-o-keyframes myfirst {0%{opacity:0}100%{opacity:1}}
@keyframes myfirst {0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes updown {0%{top:0}100%{top:-5px}}
@-moz-keyframes updown {0%{top:0}100%{top:-5px}}
@-ms-keyframes updown {0%{top:0}100%{top:-5px}}
@-o-keyframes updown {0%{top:0}100%{top:-5px}}
@keyframes updown {0%{top:0}100%{top:-5px}}

body{color:#333;font-size:12px;font-family:Arial,Helvetica,sans-serif;margin:0 auto;padding:0;background:transparent;}
.widget ul {line-height: 1.5;}
.section {margin:0;} body .navbar {display:none;} #nav-element-bottom{width:840px; margin-bottom:5px; padding:0}
.widget li, .BlogArchive #ArchiveList ul.flat li {padding: 0;margin: 0;text-indent: 0}
#topnavbar{background:#f1f1f1;width:860px;height:24px;color:#333;margin:0;padding:0 0 3px 0;border-bottom:1px solid #ccc;}#topnavbar a,#topnavbar a:visited{color:#666;font-size:11px;font-weight:normal;text-transform:uppercase;text-decoration:none;}
#topnavbar a:hover{color:#666;text-decoration:underline;}
#topnavbar p{font-size:11px;font-weight:normal;text-transform:uppercase;padding:0;margin:0}
.topnavbarleft{width:180px;float:left;margin:0;padding:5px 0 0 10px}
.topnavbarright{margin:0;padding:5px 0 0 5px;text-transform:uppercase;width:850px}
#topnav{float:right;margin:-13px 0;padding:0}
#topnav ul{list-style:none;margin:0;padding:0}
#topnav li{float:left;list-style:none;margin:0;padding:0}
#topnav li a,#topnav li a:link{color:#333;display:block;font-size:10px;font-weight:normal;text-transform:uppercase;text-decoration: none;margin:0;padding:1px 11px}
#navbar-iframe, .widget-item-control{display:none!important}
#NavbarMenu{width:850px;height:32px;background: #222;border-left-style:solid;border-right-style:solid;margin:0px auto;margin-bottom:5px;}
#NavbarMenuleft{width:620px;float:left;margin:0;padding:0}
#NavbarMenuright {width:210px;font-size:11px;float:right;margin:0;padding:4px 0 0}
#nav{z-index:1; padding:2px 0 5; margin-bottom:0px; clear:both; margin:0 auto;height:32px;}
#nav,#nav ul{list-style-type:none;list-style-position:outside;position:relative;text-align:left;font-size:13px;font-family:'Kelly Slab',cursive;padding:0px 1px;}
#nav a{height:24px;display:block;color:#ccc;text-decoration:none;background:none;padding:7px 6px 1px 6px;}
#nav a:hover{color:#fff;background: transparent;}
#nav li{float:left;position:relative;padding:0px 0px}
#nav ul{position:absolute;display:none;top:100%;width:164px;left:0;background:#222;}
#nav li ul a{border-bottom:1px solid #888;width:150px;float:left;}
#nav ul ul{top:auto;background:none}
#nav li ul ul{left:11.76em;background:transparent;margin:0px 0px 0px}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul{display:none}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block}
#header{background:#fff;color:#fff;font-size:11px;overflow:hidden;width:860px;padding:0;height:115px} h1,h1 a:visited{display:block;color:#444;font-size:12px;line-height:1em;-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-vebkit-margin-end:0;font-weifht:700}
#header-inner{background-position:left;background-repeat:no}
#header h1{color:#333;font-size:40px;font-family: 'Kelly Slab', cursive; font-weight: 400;text-decoration:none;margin:5px;padding:4px 0;text-shadow:2px 3px #ccc}
#header h1 a,#header h1 a:vishted{color:#333;font-size:36px;font-family:Georgia, Times New Roman;font-weight:400;text-decoration:none;margin:0;padding:0}
#header h1 a:hover{color:#000;text-decoration:none}
#header h3{color:#A91B33;font-size:16px;font-family:Arial, Tahoma, Verdana;font-weight:400;margin:0;padding:0}
#header p{color:#FFF;margin:0}
.headerleft{width:360px;height:90px;float:left;font-size:14px;margin:5px 5px 5px 3px;padding:0}
.headerldft a img{border:none;margin-left:10px}
.headerright{width:470px;float:right;height:90px;margin:5px}
.headerright a img{margin:10px 0 3px;padding:0}
#header .description{color:#ccc;font-size:12px;width:350px;font-family:Arial, Tahoma, Verdana;font-weight:400;margin: 5px 8px;padding:0}
.dmdl {height: 30px;padding: 5px 0;text-align: center;}
.dm, .dl {text-align: center;font-weight: bold;padding: 5px 30px;margin: 0 5px;border: 1px solid #999;letter-spacing: .1em;display: inline;background-color: #99DBF6;border-radius:5px;}
#nav-bawah {background: -webkit-gradient(linear,left top,left bottom,from(rgba(0, 0, 0, 0.2)),to(transparent));border: 1px solid #ccc;margin-bottom: 10px;padding: 5px;text-align: center;}
.noticepenting{color:#FF7800;font-size:12px;margin-top:5px;padding-left:5px;padding-top:5px}
#searchform{overflow:hidden;display:inline;margin:0;padding:0}
#searchbox{background:#f1f1f1!important;width:160px;color:#202020;font-size:12px;font-family:arial,sans-serif;font-weight:400;border-top:1px solid #DDD;border-right:1px solid #666;border-left:1px solid #666;border-bottom:1px solid #DDD;display:inline;border-radius:4px;}
#searchbutton{background:#666;color:#FFF;font-size:11px;font-family:Georgia, Times New Roman, Trebuchet MS;font-weight:700;border-top:1px solid #DDD;border-right:1px solid #666;border-left:1px solid #DDD;border-bottom:1px solid #666;margin:0 0 0 5px;padding:3px 3px 2px;border-radius:4px;cursor:pointer;}
#subscribe{overflow:hidden;margin:0;padding:5px 0 0}
#subbox{background:#EEE!important;width:200px;color:#202020;font-size:12px;font-family:Georgia, Times New Roman, Trebuchet MS;font-weight:400;border-top:1px solid #666;border-right:1px solid #DDD;border-left:1px solid #666;border-bottom:1px solid #DDD;display:inline;margin:5px 0 0;padding:3px 0 3px 5px}
#subbutton{background:#555;color:#FFF;font-size:11px;font-family:Georgia, Times New Roman, Trebuchet MS;font-weight:700;border-top:1px solid #DDD;border-right:1px solid #666;border-left:1px solid #DDD;border-bottom:1px solid #666;margin:0 0 0 7px;padding:3px 3px 2px}
#name,#email,#url{background:#EEE!important;width:250px;color:#202020;font-size:12px;font-weight:400;border-top:1px solid #666;border-right:1px solid #DDD;border-left:1px solid #666;border-bottom:1px solid #DDD;display:inline;margin:5px 0 0;padding:3px 0 3px 5px}
#submit{background:#7B7B7B;color:#FFF;font-size:11px;font-family:Arial, Tahoma, Verdana;font-weight:700;border-top:1px solid #ececec;border-right:1px solid #666;border-left:1px solid #DDD;border-bottom:1px solid #666;margin:0;padding:3px 3px 2px}
.date-header{margin:1.5em 0 .5em}
#wrap{background:white;width:860px;position:relative;border:1px solid #ccc;box-shadow:0 5px 15px #bbb;margin:10px auto;padding:0}
#outer-wrapper{background:none;overflow:hidden;width:840px;line-height:18px;margin:0 auto;padding:5px 0 0} a img{border-width:0}
.post-body {margin: 0.5em 0 0.75em;} .post-body img{border:1px solid #ccc;margin:5px}
.post-body img{background: transparent;} a:link,a:visited,#main .post-body a:link,#main .post-body a:visited{color:#346ba4;text-decoration:none}a:hover,#main .post-body a:hover{color:#26A6EF;}
.wuasyuuu {display: inline;}#opowaelah {-moz-user-select:none;}
#main-wrapper a:link,#main-wrapper a:visited{text-decoration:none}
#main-wrapper{float:left;width:530px;margin:0;padding:0;border-top:1px solid #ececec;}
.post h3 a:hover{color:#A91B33;text-decoration:none}
.post-body{line-height:1.6em;margin:0;text-align: justify;}
.post img{margin:0} .post h2, .post h2 a {color: #444;font-family: Arial;font-weight: 400;margin: -5px  0 10px;padding: 0;}
.post-thumbnail {width:72px;height:72px;float:left;margin:0px 10px 0px 0px;}
.post-snippet:before {content:attr(data-snippet);}
.post blockquote{border-left:3px solid #DDD;margin:5px 0 5px 10px;padding:0 10px;color:#888;text-align:left;}
.post blockquote p{margin:0;padding:0 0 15px}
.post, .comments{background:transparent top no-repeat;float:left;border-bottom:1px solid #ececec;width:530px;margin:6px 0 7px;padding:0 0 6px;}
.post h3,.post h3 a {color:#444;font-size:17px;font-family:arial,sans-serif;font-weight:400;margin:0 0 5px;padding:0 0 5px}
#sidebar-wrapper a:link,#sidebar-wrapper a:visited{} #sidebar-wrapper{background:none;float:right;width:300px;display:inline;margin:0;}
#midsidebar-wrapper{width:320px;float:right;overflow:hidden}
#lsidebar{background:#FFF top no-repeat;float:left;width:150px;border:1px solid #DDD;display:inline;margin:0;padding:10px 10px 0}.sidebar {color: #666;line-height: 1.5em;}
.sidebar h2{color:#555;font-size: 12px;font-family: Arial, Tahoma, Verdana;font-weight: bold;text-transform: uppercase;margin: 0 0 10px;padding: 3px 0;border-top:1px solid #ececec;border-bottom:1px solid #ececec;}
#sidebar p {margin: 0;padding: 0 0 0 45px;}
.sidebar ul, .rsidebar ul, .lsidebar ul {list-style-type: none;?  margin: 0;padding: 0 2px;}
.sidebar ul li {background: url("http://lh5.googleusercontent.com/-ObsHZSQj2SE/ULIg2RyJavI/AAAAAAAAB94/zY_qZfmpnsE/s9/icon-new.png") no-repeat scroll 0 4px transparent;list-style-type: none;margin: 0 0 5px;padding-left: 15px;font-family: Arial,Helvetica,sans-serif;}
.sidebar .widget {background: #fff top no-repeat;float: left;width: 300px;margin: 0 0 5px;padding: 0px;}
.main .widget {margin: 0 0 1.5em;}
.main .Blog {border-bottom-width: 0;}
#blog-pager-older-link {background:#EDEFF4;float: right;border:1px solid #ccc;padding:0 8px 0 8px;}
#blog-pager {text-align: left;clear:both;}.feed-links {clear: both;line-height: 2.5em;display:none;}
#footer {width: 100%;margin: 0 auto;padding-top: 5px;line-height: 1.6em;text-transform: uppercase;letter-spacing: .1em;text-align: center;}
.breadcrumbs{margin: 0 0 10px;padding: 4px 0 3px;border-bottom: 1px solid #ececec; line-height:1.4em;}
.status-msg-body {text-align: center;background: #f1f1f1;padding: 3px;width: 100%;position: absolute;z-index: 4;}
.status-msg-border {width:100%;border:0px solid #ececec;position:relative;opacity:0.4;}
.small-comment{background:url(https://lh4.googleusercontent.com/-PVZsooKy9Eg/ULOpJDygWzI/AAAAAAAACGg/cSwT90Tl_1A/s24/comment-small.png) no-repeat;padding-left:8px;height:20px;line-height:21px;float:right;color:#333;font-size:10px}
.small-comment div{background:url(https://lh4.googleusercontent.com/-PVZsooKy9Eg/ULOpJDygWzI/AAAAAAAACGg/cSwT90Tl_1A/s24/comment-small.png) top right no-repeat;padding-right:2px;height:20px}
.comments {font:normal 11px/14px "Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif !important;color:rgb(51,51,51);}
.comments h2, .comments h3, .comments h4 {font-family:"Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif !important;font-size:16px;}
.comments .comments-content .comment {margin:0 0 0;padding:10px 0px 10px 0px;border-top:1px solid #e9e9e9;border-left:none;} .comments .comment .comment-header, .comments .comment .comment-actions, .comments .comment .comment-actions a, .comments .comment .comment-thread.inline-thread, .comments .comment .continue {margin:0; padding:0; background:transparent;}
.comments .comment .comment-header {margin-bottom:4px;}
.comments .comment .comment-header .datetime a {color:#808080 !important;}
.comments .comment .comment-actions a {margin-right:10px;padding:5px 5px}
.comments .thread-toggle .thread-arrow {width:7px; height:7px; padding-right:4px}
.comments .comment .avatar-image-container, .comments .comment .avatar-image-container img {width:50px;height:50px;max-width:none;max-height:none;border:none;padding:0;margin:0;outline:none;}
.comments .comment .comment-block {margin:0 0 0 60px !important;}
.comments .comment .comment-thread.inline-thread {margin:7px 0 0 22px;}
.comments .comment .comment-thread.inline-thread ol {margin:7px 0 10px !important;}
.comments .comment .comment-thread.inline-thread .comment {background-color:#EDEFF4;padding:5px 5px 0;margin:1px 0 0;border:none;border-bottom:1px solid #D2D9E7;}
.comments .comment .comment-thread.inline-thread .comment .avatar-image-container, .comments .comment .comment-thread.inline-thread .comment .avatar-image-container img {width:32px;height:32px;}
.comments .comment .comment-thread.inline-thread .comment .comment-block {margin:0 0 0 40px !important;}
.comments .comment .comment-content {text-align:left;}
.comments .comments-content .icon.blog-author {width:16px;height:16px;display:inline-block;vertical-align:top;background:transparent url('/favicon.ico') no-repeat 50% 50%;}
.comments .comment .comment-thread.inline-thread .comment:last-child {border-left:2px solid #A8B2CE !important;}#blog-pager-newer-link {background:#EDEFF4;float: left;border:1px solid #ccc;padding:0 8px 0 8px;}
.comments-page { background-color: white;}#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
#status-kodeblogger {border:1px solid #eee !important;margin:0;padding:0;}
#status-kodeblogger ul, #status-kodeblogger li {color:ccc;font:11px Arial,Sans-Serif;list-style:none;text-align:left;margin:0;padding:1px;}
#status-kodeblogger li:hover, #status-kodeblogger li:first-child {background-color:#EFF5FB;}
#status-kodeblogger li{background-color:#fff;border-bottom:1px solid #f1f1f1;display:block;overflow:hidden;padding:5px 10px;position:relative;}
.inactive-select-tab { background-color: #d1d1d1;}.rbi{border-left:1px solid #ececec;border-right:1px solid #ececec;background:#fff;color:#000;padding:10px 16px 0;margin:0;overflow:hidden;}
.rbnotopgap{margin-top:0;}.rbnobottomgap{margin-bottom:0;}
.rbcolumn{width:265px;margin:0;padding:0;float:left;}.rbcolumn-l{float:left;margin:0;padding:0;}
.rbcolumn-r{float:right;margin:0;padding:0;}
.inyonge{ display:block; width:auto; background:transparent; padding:3px; margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif; color:#333; }
.inyonge .kontainer{padding:0;}
.inyonge h4{ background:#EDEFF4;color:#333; text-transform:normal;font:bold 12px Arial,Sans-Serif; padding:8px 10px; margin-bottom:5px;border-bottom:2px solid #3399BB;display:block;}
.inyonge h4 a{color:#FEEA83;}
.inyonge img{ width:70px; height:70px; margin:0 4px 0 0; float:left; border:1px solid #ececec; padding:2px; background:#f1f1f1;}
.Label{background:#EDEFF4;width:840px;overflow:hidden;margin: 0 0 0 9px;padding:0 0 9px;border:1px solid #ececec;}
#Label1 ul li{border-bottom:1px solid #fff;display:block;float:left;width:15%;margin:0 12px 0 -19px;}
.ikelane{background:#f1f1f1;margin:0 auto;padding:5px 0 5px;overflow:hidden;}
.showpageNum a{font:12px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #ececec;background:#f2f2f2;color:#346BA4;border:1px solid #ececec}
.showpageOf{margin:0 8px 0 0;color:#333;font:12px Arial,Verdana}
.showpageNum a:hover{color:#346BA4;background:#fff;border:1px solid #346BA4}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#333}
.showpagePoint{color:#346BA4;font:bold 12px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #ececec;background:#fff;text-decoration:none}
.areaganteng {background:transparent;border:1px solid #ececec;padding:5px;font-size:10px;}
::selection {background:#3399FF;}::-moz-selection {background:#3399FF;}::-webkit-selection {background:#3399FF;}
#footer .widget { padding:20px 0 0; font-size:85%; line-height:1.5em; text-align:left; margin:.5em;}
#sempakbawah { clear:both; text-align:left; font-family:arial; color:#555;font-size:11px; background:transparent; border-top:1px solid #ececec; padding:0 0 5px;}
#sempakbawah a:link, #sempakbawah a:visited {color:#346BA4;}
#sempakbawah .blog-dir { opacity:0; overflow:hidden; -webkit-transition:opacity .4s ease-out; -moz-transition:opacity .4s ease-out; -ms-transition:opacity .4s ease-out; -o-transition:opacity .4s ease-out; transition:opacity .4s ease-out; margin:0 10px;}
#sempakbawah .oktroi {padding:5px 5px 0; overflow:hidden}
#sempakbawah:hover .blog-dir {opacity:1}
#gotop { display:block; cursor:pointer; position:fixed !important; position:absolute; bottom:-40px; right:-40px; z-index:999; background-color:#067BAF; background-image:-webkit-radial-gradient(top,#2493C4,#086A95); background-image:-moz-radial-gradient(top,#2493C4,#086A95); background-image:-ms-radial-gradient(top,#2493C4,#086A95); background-image:-o-radial-gradient(top,#2493C4,#086A95); background-image:radial-gradient(top,#2493C4,#086A95); -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; border-radius:10px 0 0 0; border:1px solid #144F69; width:30px; height:30px; overflow:hidden; text-indent:-9999px; -webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;}
#gotop:after { content:""; display:block; width:0; height:0; border-width:10px 4px; border-style:solid; border-color:transparent transparent #C3D1D7 transparent; position:absolute; top:0; left:11px;}
#gotop:focus {outline:none}
#gotop:hover:after {border-bottom-color:white}
#gotop:active { background-image:-webkit-linear-gradient(top,#144F69,#2493C4); background-image:-moz-linear-gradient(top,#144F69,#2493C4); background-image:-ms-linear-gradient(top,#144F69,#2493C4); background-image:-o-linear-gradient(top,#144F69,#2493C4); background-image:linear-gradient(top,#144F69,#2493C4);}
a.openpanel { display:block; clear:both; width:auto; padding:0; text-align:center; font-weight:bold; line-height:32px; background-color:#EDEFF4; color:#333; text-decoration:none; margin:0px;position:relative;}
a.openpanel em { width:0px; height:0px; display:block; position:absolute; top:15px; right:15px; border:6px solid transparent; border-top-color:white;}
a.openpanel.active {background-color:#EFF5FB;}
a.openpanel.active em { top:6px; border-color:transparent transparent white transparent;}
div.paneline { height:0px; border-bottom:2px solid #39b;} div.kodebloggerPanel { padding:0px;margin:0px !important;}
#comments code, #comments i[rel="code"], #respond em {color: #346BA4;font:12px 'Courier New',Monospace;}
#form-wrapper {background-color: #EDEFF4; padding: 5px 5px 5px 10px;}
.button.small,.button.small:active,.button.small:focus { font:normal 11px Tahoma,Sans-serif;border:1px solid white;padding:4px 8px 6px;}
input[type="button"], input[type="submit"], input[type="reset"], button,.button {cursor:pointer;background-color: #E0EAF1;border-bottom: 1px solid #3E6D8E;border-right: 1px solid #7F9FB6;line-height: 2.4;text-decoration: none;white-space: nowrap;position:relative;top:-1px;font: 11px Arial,Sans-Serif;border-radius:3px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);text-shadow:0 1px 0 rgba(0,0,0,.3);padding:3px 7px;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover,.button:hover,.button:focus,.button:visited:hover {background-color: #3E6D8E;border-bottom: 1px solid #37607D;border-right: 1px solid #37607D;color: #E0EAF1;text-decoration: none;border-radius:3px;}
pre{width:505px;background-color:#EDEFF4; color:#007000;border:1px solid #ccc; font-family:monospace; font-size:11px; line-height:15px; overflow:auto; margin-left:5px;margin:0px; padding:0px 8px;}
pre strong{background-color:red; color:#ccc}
pre:hover{border:1px solid #0A246A}
code, .code{background:transparent; color:gray; border:1px dotted #ccc; font-family:Monaco,Courier,MonoSpace; border-radius:2px; font-size:12px; padding:0px 5px 1px 5px}
.spammer-detected {background-color:red;}
.post .separator {background:#EDEFF4;border: 1px solid #A5A5A5;margin: 0 5%;padding: 10px 0;text-align: center;}
.post .separator img {border: medium none !important;box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);padding: 0 !important;}
.hidden {display:none}
.accessible-hidden {position:absolute;top:-9999px;left:-9999px;}
#loadingtext {position:fixed !important;position:absolute;top:0;right:0;left:0;z-index:9999;text-align:center;}
#loadingtext span {display:inline;background-color:#900;padding:5px 10px 7px;font:bold 11px/24px Arial,Sans-Serif;color:white;}
#loadingtext iframe {position:absolute;top:0;left:50%;margin-left:-33px !important;}
.item-control { display: inline;}
